tomcat部署web项目后访问空白页问题

您所在的位置:网站首页 hbuilder vue build后打开是空白的 tomcat部署web项目后访问空白页问题

tomcat部署web项目后访问空白页问题

2023-08-31 22:59| 来源: 网络整理| 查看: 265

在 vue.config.js中配置publicPath属性;

据vue官方介绍:Vue CLI 会假设你的应用是被部署在一个域名的根路径上,例如 https://www.my-app.com/。如果应用被部署在一个子路径上,你就需要用这个选项指定这个子路径。例如,如果你的应用被部署在 https://www.my-app.com/my-app/,则设置 publicPath 为 /my-app/。

这个值也可以被设置为空字符串 ('') 或是相对路径 ('./'),这样所有的资源都会被链接为相对路径,这样打出来的包可以被部署在任意路径

module.exports = { // 解决部署后访问空白页的问题; publicPath: './', } // 我的项目部署在 http://47.114.139.71:8080/heros/#heroList 上; 相对路径:‘./’ 会把项目名默认添加到请求的资源路径中;

如果是 绝对路径 ‘/’ 则请求的资源路径为 http://47.114.139.71:8080/css/app.93ebc27.css

以相对路径./设置的效果和/heros/或heros的效果一样;都会在请求的资源路径添加项目名或你设置的路径名(hero);



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3